﻿<div id="ZeitleistungNew" class="Window">
   <h3>Neue Lesitung</h3>
    <h4 class="tap-space" data-bind="text: klientDesc"></h4>

    <label class="tap-space-top" for="ZeitleistungTyp">Leistungsart</label>
    <label class="SelectLabel">
        <select id="ZeitleistungTyp" data-bind="options: zeitLeistungTypes, value: model.ZeitLeistungTyp, optionsText: 'Text', optionsValue: 'Id'">            
        </select>
    </label>

    <div id="UhrzeitVonZeit" class="input-append tap-space-top" data-bind="datetimepicker: model.DatumVon, datetimepickerOptions: { pickDate: false, stepType: 'minutes', stepValue: 5, allowDateChangeOnTimeChange: false }">
        <span class="span-right">Zeit Von:</span>
        <input class="von-input border-brown" data-format="hh:mm" type="text" />
        <span class="add-on">
            <i data-time-icon="fa fa-clock-o" data-date-icon="fa fa-calendar"></i>
        </span>
    </div>
    <div id="UhrzeitBis" class="input-append tap-space-top" data-bind="datetimepicker: model.DatumBis, datetimepickerOptions: { pickDate: false, stepType: 'minutes', stepValue: 5, allowDateChangeOnTimeChange: false }">
        <span class="span-right">Zeit Bis:</span><input class="von-input border-brown" data-format="hh:mm" type="text" />
        <span class="add-on">
            <i data-time-icon="fa fa-clock-o" data-date-icon="fa fa-calendar"></i>
        </span>
    </div>
    <footer class="align-right">
        <button id="window-btnOk" class="orangeButton fa fa-check fa-2x" data-bind="click: onOk"></button>
    </footer>
</div>